<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>宿舍添加学生</title>
<!--外部引入-->
<link rel="stylesheet"
	th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
<link rel="stylesheet"
	th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">
</head>
<body>
<h2>宿舍添加学生</h2>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区域:&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.area}"></span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;楼号:&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.buildingNo}"></span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;楼层:&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.buildingFloor}"></span>
</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宿舍名称:&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.dormitoryName}" id="dormitoryDormitoryName"></span>
</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;管理员:&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.dormSupervisor}"></span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;床位数量:&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.bedNumber}"></span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span th:text="${Dormitory.pkId}" id="pkId" hidden="hidden"></span>
<span th:text="${Dormitory.dormitoryId}" id="dormitoryId" hidden="hidden"></span>
	
			<div>
				<table id="table" data-pagination="true" data-page-size="4"
					data-search="true">
					<!--是分页data-pagination="true" data-page-size="4" data-search="true"-->
				</table>
			</div>
			<div>
				<input id="addr" hidden
					th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
				<!-- 获取到controller路径 -->
			</div>
		<!-- 新增按钮 -->
			<button type="button" class="btn btn-primary" data-toggle="modal"
			data-target="#addmodal" data-whatever="@mdo" onclick="find()">添加学生</button>
		
		
			<div class="modal fade" id="addmodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-xl">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">新增宿舍信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
								<table id="table1" data-pagination="true" data-page-size="4" data-search="true">
								<input type="text" style="width:250px;height:40px;" placeholder="姓名" name="studentName" id="studentName">
								<input type="text" style="width:250px;height:40px" placeholder="手机号码" name="mobile"  id="mobile">
								<input type="text" style="width:250px;height:40px" placeholder="身份证号" name="idNum" id="idNum">
							    <label for="provinces">性别</label> <select id="sex" style="width: 250px; height:30px;">
											<option value="0">男</option>
											<option value="1">女</option>
										</select>
								</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	<!--外部引入-->
	<script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
	<script th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/js/dormitory/tjstudent.js}"></script>
</body>
</html>